<template>
    <div class="detabox">
        <h2>{{ detailList.title }}</h2>
        <p class="times">{{ detailList.create_time }}</p>
        <p v-html="detailList.content" class="wentext"></p>
        <!-- <img :src="detailList.image" class="inge" /> -->
    </div>
</template>

<script setup lang="ts">
import { ref } from 'vue';
import { useRoute } from 'vue-router'
import { release_detail } from '@/api/team'
let Route = useRoute()
let detailList: any = ref<any>({
    title: '',
    image: '',
    content: '',
    create_time: ''
})
const list = async () => {
    let data: any = {
        id: Route.query.data
    }
    await release_detail(data).then(res => {
        console.log(res.data.data, 'dssds')
        detailList.value = res.data.data
    })
}
list()
</script>

<style lang="scss" scoped>
.times {
    color: #767676;
    margin: 10px 0;
}

.wentext {
    margin-top: 20px;
    // font-size: 18px;
}

.inge {
    width: 1046px;
    height: 452px;
    // margin-left: 44px;
    margin-top: 10px;
}

// .detabox {
//     // overflow: auto;
//     width: 940px;
//     padding: 64px;
//     height: 100vh;
//     margin: 0 1%;
//     background: #fff;
//     // padding: 15px;

//     p {
//         // line-height: 25px;
//     }

//     h2 {
//         font-size: 22px !important;
//     }
// }

// @media (min-width: 2160px) {
//     .detabox {
//         width: 100%;
//         margin: 0 auto;
//         background-color: #fff;
//     }
// }

// @media (max-width: 2159px) {
.detabox {
    width: 1080px;
    margin: 0 auto;
    background-color: #fff;
    padding: 64px;

    h2 {
        font-size: 22px !important;
    }
}

// }
</style>